/*
 定义了滚动栏的样式
*/
.myscorll {
    position   : absolute;
    width      : 100px;
    height     : 100px;
    // outline : solid 1px;
    z-index    : 100;

    .ball {
        width           : 10px;
        height          : 10px;
        border-radius   : 100px;
        position        : absolute;
        left            : 50%;
        top             : 0;
        transform       : translateX(-5px);
        background-color: #ffde59;
        z-index         : 100;
        cursor          : pointer;
    }

    .way {
        width           : 2px;
        height          : 120%;
        position        : absolute;
        left            : 50%;
        transform       : translateX(-1px);
        top             : -10%;
        background-color: #ffde59;
    }
}